<template>
  <div>
    <ContactList :contacts="contacts">
      <template v-slot="{ contact }">
        <div class="table-col">{{ contact.id }}</div>
      </template>
    </ContactList>
  </div>
</template>
<script setup>
import ContactList from './ContactList.vue';
const contacts = [
  {
    id: 1,
    name: "Bob",
    info: "Info1"
  },
  {
    id: 2,
    name: "Mary",
    info: "Info2"
  },
  {
    id: 3,
    name: "Joe",
    info: "Info3"
  },
]//https://stackoverflow.com/questions/44888268/vuejs-pass-slot-to-child-of-child-component?rq=3
</script>
<style lang="">

</style>